<template lang="pug">
	.my-wrap
		user-info-box(:data="userInfo")
		.user-assets-wrap
			.user-assets
				.assets-module
					div
						.module-value 7
						.module-name 我的家庭
				.assets-module
					div
						.module-value 3
						.module-name 我的收藏
				.assets-module
					div
						.module-value 55555
						.module-name 我的钱包
		.my-field-list
			field-item(:img="yuyue" text="预约记录")
			field-item(:img="zhangdan" text="账单记录")
			field-item(:img="fapiao" text="我的发票")
		.my-field-list.field-list2
			field-item(:img="yibao" text="医保查询")
			field-item(:img="yaoqin" text="邀请好友")
			field-item(:img="fankui" text="意见反馈")
			field-item(:img="help" text="帮助")
</template>
<script>
import userInfoBox from '@/components/user-info-box'
import fieldItem from '@/components/field-item'
import header from '@/assets/image/my/header.jpg'
import yuyue from '@/assets/image/fieldItem/u_menu_yuyue.png'
import zhangdan from '@/assets/image/fieldItem/u_menu_zhangdan.png'
import fapiao from '@/assets/image/fieldItem/u_menu_fapiao.png'
import yibao from '@/assets/image/fieldItem/u_menu_yibao.png'
import yaoqin from '@/assets/image/fieldItem/u_menu_yaoqin.png'
import fankui from '@/assets/image/fieldItem/u_menu_fankui.png'
import help from '@/assets/image/fieldItem/u_menu_help.png'
export default {
	data() {
		return {
			yuyue: yuyue,
			zhangdan: zhangdan,
			fapiao: fapiao,
			yibao: yibao,
			yaoqin: yaoqin,
			fankui: fankui,
			help: help,
			userInfoData: {
				name: '测试',
				line2: '2岁',
				img: header,
				showSet: true
			}
		}
	},
	computed: {
		userInfo() {
			return this.userInfoData
		}
	},
	mounted() {},
	onPullDownRefresh() {},
	onReachBottom() {},
	methods: {},
	components: {
		userInfoBox: userInfoBox,
		fieldItem: fieldItem
	}
}
</script>

<style lang="stylus">
	.my-wrap
		.user-assets-wrap
			height 130px
			background-color white
			position relative
			.user-assets
				position absolute
				z-index 3
				top -110px
				left 30px
				right 30px
				height 200px
				display flex
				align-items center
				shadowBox()
				.assets-module
					display flex
					align-items center
					justify-content center
					width 33.3%
					div
						text-align center
						.module-value
							color blackFontColor
							font-size 56px
							line-height 80px
						.module-name
							color grayFontColor88
							font-size 28px
							line-height 40px
		.my-field-list
			>div:last-child
				.field-line-box
					border-bottom 0
		.field-list2
			margin mainMargin 0
</style>
